<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>云钢</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        .aui-bar-light{ color: black; }
        .aui-bar-nav.aui-bar-light .aui-iconfont{ color: black; }
        .aui-list .aui-list-item-media{ width: 4.5rem; padding-right: 0.5rem; }
        .aui-list .aui-list-item-media img{ width: 100%; height: 100%; }
        .backtop{ width: 2rem; height: 2rem; text-align: center; background: rgba(0,0,0,0.5); color: #fff; border-radius: 2rem; right: 0.5rem; bottom: 3rem; position: fixed; z-index: 10; }
        .backtop div{ margin-top: -0.3rem; }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content margin">
            <div class="padding bg-white margin-bottom" v-for="item in list">
                <div class="text-black padding-right-xs" style="font-size:0.75rem;">{{item.title}}</div>
                <div class="text-gray">
                    <i class="aui-iconfont aui-icon-display"></i>
                    <span class="text-sm margin-right-xl">{{item.see}}</span>
                    <span class="text-sm">{{item.createtime}}</span>
                </div>
            </div>
        </div>
    </div>
    <div class="backtop" onclick="backTop()">
        <i class="aui-iconfont aui-icon-top"></i>
        <div class="text-xs">TOP</div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript">

    var vm = {
        el: '#app',
        data: {
            list: [
                {id: 1,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
                {id: 2,title: '中国浙江生长的这种树,比钢铁还要硬,可用于航天...',createtime: '2021-07-03 10:00',see: 355},
            ]
        },
        mounted: function(){
            this.getList();
        },
        methods: {
            getList: function(){
                let that = this;
            },
        }
    }
    apiready = function() {

        window.app = new Vue(vm);


    };
    function backTop(){
        api.pageUp(function( ret, err ){});
    }

    function backpage(){
        api.closeWin({
            name: api.winName
        })
        
    }

</script>

</html>
